1.1 簡介
使用MERN（MongoDB、Express、React、Node.js）技術開發一個電子商務網站。前端將使用React負責UI呈現，後端將使用Node.js和Express提供API，MongoDB則作為資料庫來儲存商品、使用者和訂單資料。

1.2 安裝Node.js和NPM
首先，我們需要安裝Node.js。Node.js安裝會自動包含NPM（Node Package Manager），這是一個用來管理Node.js套件的工具。

下載Node.js：前往 Node.js官網( https://nodejs.org/zh-tw) 下載最新的LTS版本，並按照安裝指示進行安裝。

驗證安裝：打開命令提示字元或終端，輸入以下命令來檢查Node.js和NPM是否安裝成功：

node -v
npm -v

如果安裝成功，應該會看到Node.js和NPM的版本號。

1.3 初始化React專案
使用create-react-app快速建立React應用。它是一個官方提供的工具，可以幫助我們快速設置React開發環境。

1.創建React專案：在終端中執行以下命令來創建一個名為mern-ecommerce的React專案：

npx create-react-app mern-ecommerce

npx 是NPM 5.2以後引入的指令，它允許我們使用未安裝的npm套件。
create-react-app 是用於創建React應用的官方工具。
mern-ecommerce 是我們的專案名稱。
這個指令會在當前目錄下創建一個名為mern-ecommerce的資料夾，其中包含初始的React應用程式碼。

2.進入專案目錄：執行以下命令進入專案資料夾：

cd mern-ecommerce

3.啟動開發伺服器：執行以下命令啟動React開發伺服器：

npm start

這將啟動本地開發伺服器並自動在瀏覽器中打開專案，預設位址是 http://localhost:3000。

4.查看初始專案結構： React應用的基本目錄結構如下：

mern-ecommerce/
├── node_modules/
├── public/
├── src/
│   ├── App.css
│   ├── App.js
│   ├── index.css
│   ├── index.js
│   └── ...
├── .gitignore
├── package.json
├── README.md
└── yarn.lock

src/：這是主要的開發目錄，包含React組件。
public/：包含靜態文件，例如HTML模板。
package.json：描述專案及其依賴的配置文件。

5.清理初始模板：我們可以先清理一些預設的內容，以便後續開發。打開 src 資料夾，修改 App.js 如下：

src/App.js

import React from 'react';

function App() {
  return (
    <div className="App">
      <h1>MERN E-Commerce Project</h1>
      <p>歡迎來到電子商務網站！</p>
    </div>
  );
}

export default App;

檢查結果：保存文件，瀏覽器應會自動刷新，並顯示“歡迎來到電子商務網站！”。